.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }
body{padding:0;}
.coverimg img{width:100%;vertical-align: middle;}
.btn-primary:active {
    -webkit-box-shadow: inset 1px 1px 0 #4b9336,inset -1px 0 0 #4b9336;
    box-shadow: inset 1px 1px 0 #4b9336,inset -1px 0 0 #4b9336;
}
.btn-primary.active, .btn-primary:active {
    background-color: #539b45;
}
.form-control {
    display: block;
    width: 100%;
    height: 20px;
    -webkit-appearance: none;
    padding: 6px 0;
    text-indent: 6px;
    font-size: 14px;
    line-height: 1.42;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #a0a0a0;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
textarea.form-control{height:auto;}
.infoitem .titlelabel{margin: 5px 0;display: block;}
.e_top{font-size: 14px;background: #FFF;padding:10px;}
#event-title{margin:0 10px 0 10px;padding:0 10px;text-align: center;line-height: 2rem;background: #FFF;}
.catarea{
    height: 10px;
    background-image: url();
    background-repeat: repeat;
}
#activity-detail .page-content{margin-top:0;padding-top:15px;}
.e_ctitle{
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #d2d2d2;
}
.e_ctitle h2{
    position: relative;
    float: left;
    padding: 0 5px;
    padding-bottom: 2px;
    margin-bottom: -1px;
    font-size: 16px;
    border-bottom: 2px solid #62b651;
}
.page-content{background: #FFF;}

/*icon*/
ul {
    padding:0;
    margin:0;
}
li {
    position:relative;
    z-index:1;
    overflow:hidden;
    list-style:none;
    padding:0;
    margin:0 0 0.25em;
    height: 24px;;
    line-height: 24px;
}
.location, .ribbon{padding-left:28px;}
li a {
    display:block;
    border:0;
    padding-left:28px;
    color: #333;
    text-decoration: none;
}

li:before,
li:after,
li a:before,
li a:after {
    content:"";
    position:absolute;
    top:50%;
    left:0;
    color:#bfbfbf;
}

li a:before,
li a:after {
    margin:-8px 0 0;
    background:#bfbfbf;
}

li a:hover:before,
li a:focus:before,
li a:active:before {
    background:#bfbfbf;
}
.history a:before,
.history a:after {
    left:2px;
    width:13px;
    height:13px;
    border:2px solid #bfbfbf;
    margin-top:-8px;
    background:transparent;
}

.history a:before {
    /* css3 */
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    border-radius:18px;
}

.history a:after {
    left:10px;
    width:4px;
    height:5px;
    border-width:0 0 2px 2px;
    margin-top:-5px;
    background:transparent;
}

.history a:hover:before,
.history a:focus:before,
.history a:active:before,
.history a:hover:after,
.history a:focus:after,
.history a:active:after {
    border-color:#bfbfbf;
    background:transparent;
}
.location:before {
    left:6px;
    width:2px;
    height:2px;
    border:3px solid #bfbfbf;
    border-bottom:0;
    margin-top:-9px;
    background:#fff;
    -webkit-border-top-left-radius:8px;
    -webkit-border-top-right-radius:8px;
    -moz-border-radius:8px 8px 0 0;
    border-radius:8px 8px 0 0;
}

.location:after {
    left:6px;
    border-width:12px 4px 0;
    border-style:solid;
    border-color:#bfbfbf transparent;
    margin-top:-4px;
}
.profile a:before {
    left:4px;
    width:16px;
    height:5px;
    margin-top:1px;
    /* css3 */
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}

.profile a:after {
    left:9px;
    width:6px;
    height:10px;
    margin-top:-7px;
    /* css3 */
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-right-radius:5px 10px;
    -webkit-border-bottom-left-radius:5px 10px;
    -moz-border-radius:5px 5px 5px 5px / 5px 5px 10px 10px;
    border-radius:5px 5px 5px 5px / 5px 5px 10px 10px;
}

.profile a:hover:after,
.profile a:focus:after,
.profile a:active:after {
    background:#bfbfbf;
}
.ribbon:before {
    left:6px;
    border-width:10px 5px 6px;
    border-style:solid;
    border-color:#bfbfbf #bfbfbf transparent;
    margin:-8px 0 0;
}
.btn-addevent{
    background-color: #62b651;
    border-color: #62b651;
    color:#FFF;
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}